"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9773],{22627:function(e,t,n){n.d(t,{O:function(){return h},Z:function(){return x}});n(67294);var o=n(15667),i=n(31276),r=n(58640),l=n(8920),a=n(63457),s=n(86010),d=n(92809),c=n(41120),u=(0,c.Z)((function(e){return{root:(0,d.Z)({position:"relative",width:"calc(100% + 32px) !important",marginLeft:-16},e.breakpoints.up("lg"),{width:"auto !important",marginLeft:0}),mobileSwiper:{display:"flex",gap:8,overflow:"auto hidden",whiteSpace:"nowrap",backgroundColor:e.palette.common.white,"&::-webkit-scrollbar":{display:"none"},"&:before":{content:'"!"',display:"inline-flex",width:0,height:"100%",padding:"0 4px 0 4px",overflow:"hidden",textIndent:"-9999em"},"&:after":{content:'"!"',display:"inline-flex",width:0,height:"100%",padding:"0 4px 0 4px",overflow:"hidden",textIndent:"-9999em"},"& > div":{display:"inline-flex",flexShrink:0,width:156}},isPlace:{"& > div":{width:152}},slidesOffsetAfter16:(0,d.Z)({paddingRight:16},e.breakpoints.up("lg"),{paddingRight:0}),slide:(0,d.Z)({},e.breakpoints.down("md"),{width:"156px !important","& > div":{width:"100%"}}),isPlaceSlide:(0,d.Z)({},e.breakpoints.down("md"),{width:"152px !important"}),gridSlide:(0,d.Z)({paddingBottom:12},e.breakpoints.up("lg"),{paddingBottom:0}),navigationButton:{top:"50%",transform:"translateY(-50%)"}}})),f=n(62914),p=n(85893),v=(0,c.Z)((function(e){var t;return{root:(0,d.Z)({width:"calc(100% + 16px)",overflow:"hidden"},e.breakpoints.up("lg"),{width:1200,margin:"0 auto"}),container:{display:"flex",width:1200},margin:(t={},(0,d.Z)(t,e.breakpoints.up("lg"),{marginLeft:16}),(0,d.Z)(t,e.breakpoints.down("md"),{marginLeft:8}),t),hideIfNotWide:(0,d.Z)({},e.breakpoints.down("md"),{display:"none"}),prdItem:(0,d.Z)({width:132},e.breakpoints.up("lg"),{width:274})}})),m=function(e){var t=e.classes,n=v();return(0,p.jsx)("div",{className:n.root,children:(0,p.jsxs)("div",{className:(0,s.default)(n.container,t.container),children:[(0,p.jsx)(f.O,{classes:{container:n.prdItem}}),(0,p.jsx)(f.O,{classes:{container:(0,s.default)(n.prdItem,n.margin)}}),(0,p.jsx)(f.O,{classes:{container:(0,s.default)(n.prdItem,n.margin)}}),(0,p.jsx)(f.O,{classes:{container:(0,s.default)(n.prdItem,n.margin)}})]})})};m.defaultProps={classes:{}};var h=m,g=function(e){var t=e.customConfig,n=e.items,d=e.onClick,c=e.classes,f=void 0===c?{}:c,v=e.leftAlign,m=e.isPlace,h=(0,o.Z)().isMobileOnPC,g=u(),x=(0,i.Z)(),b=(0,l.Z)(),w=(0,a.Z)(b.breakpoints.up("lg")),j={modules:["FreeMode","Navigation"],swiper:{touchReleaseOnEdges:!0,slidesPerView:"auto",spaceBetween:8,slidesOffsetBefore:v?0:16,slidesOffsetAfter:v?32:16,freeMode:{enabled:!0,momentumRatio:.9}}};return(0,p.jsxs)("div",{className:(0,s.default)(g.root,f.root),children:[!h&&x&&!w&&(0,p.jsx)("div",{className:(0,s.default)(g.mobileSwiper,m&&g.isPlace),children:n}),h&&(0,p.jsx)(r.Z,{configProps:j,classes:{slide:(0,s.default)(g.slide,m&&g.isPlaceSlide),navigationButton:g.navigationButton,prevButton:f.prevButton,nextButton:f.nextButton},onClick:d,leftAlign:v,children:n}),!h&&!x&&w&&(0,p.jsx)(r.Z,{configProps:t||{modules:["Navigation"],swiper:{slidesPerView:4,spaceBetween:16,slidesOffsetBefore:0,slidesOffsetAfter:0,freeMode:!1,slidesPerGroup:4}},classes:{navigationButton:g.navigationButton,prevButton:f.prevButton,nextButton:f.nextButton},onClick:d,leftAlign:v,children:n})]})};g.defaultProps={customConfig:null,onClick:function(){},classes:{},leftAlign:!1,isPlace:!1};var x=g},64131:function(e,t,n){n.d(t,{S2:function(){return o},T9:function(){return i},H_:function(){return r},IR:function(){return l}});var o="LOGISTICS_CENTER",i="SUPPLIER",r="\ub300\ud1b5\ub839\ubc30\uc1a1",l="\ube0c\ub79c\ub4dc\ubc30\uc1a1"},72611:function(e,t){t.Z=!1},94431:function(e,t,n){n.d(t,{Z:function(){return Q}});var o=n(92809),i=n(49711),r=n(67294),l=n(30381),a=n.n(l),s=n(18127),d=n(48583),c=n(91942),u=n(89842),f=n(58432),p=n(35956),v=n(82629),m=n(79342),h=n(31276),g=n(13174),x=n(83900),b=n(34183),w=n(47974),j=n(41120),Z=(0,j.Z)({drawer:{margin:"auto",maxWidth:600,overflowY:"visible",borderRadius:"40px 40px 0 0"},swipeableRoot:{display:"flex",textAlign:"center",flexDirection:"column"},popupPaper:{overflowX:"hidden",overflowY:"auto",boxShadow:"none",background:"none"},modalContents:{padding:0,minHeight:"60px","& > div":{width:800,padding:0}},modalClose:{display:"none"}}),C=n(11163),P=n(282),k=n(95952),O=n(78703),y=n(8532),R=n(9038),S=(0,j.Z)((function(e){return{root:{textAlign:"left",borderRadius:"40px 40px 0 0",overflow:"hidden"},closeArea:{display:"flex",justifyContent:"space-between",alignItems:"center",height:50,padding:"0 ".concat(e.layoutSidePaddingMobile),fontSize:"1.6rem",color:e.palette.gray[600]},label:{fontSize:"1.6rem !important",color:e.palette.gray[600]},closebuttonWrap:{marginRight:-16},closebutton:{padding:"8px 16px",fontSize:"1.6rem",color:e.palette.gray[600]}}})),N=n(85594),A=(0,j.Z)({img:{width:"100%",height:"auto"}}),B=n(58365),I=n(86010),E=n(85893),T=(0,j.Z)({root:{width:"100%",position:"relative",overflow:"hidden","&:before":{content:'""',display:"block",paddingBottom:"100%"}},skeleton:{width:"100%",height:"100%",position:"absolute",left:0,top:0}}),Y=function(){var e=T();return(0,E.jsx)("div",{className:(0,I.default)(e.root),children:(0,E.jsx)(B.Z,{variant:"rect",className:(0,I.default)(e.skeleton)})})},D=function(e){var t=e.src,n=e.alt,o=A();return t?(0,E.jsx)(N.Z,{src:t,alt:n,className:o.img}):(0,E.jsx)(Y,{})};D.defaultProps={src:null,alt:""};var M=D,F=function(e){var t=e.data,n=e.onClose,o=e.onChangeChecked,i=S(),l=(0,r.useState)(!1),a=l[0],s=l[1];(0,r.useEffect)((function(){o(a)}),[a]);var d=(0,C.useRouter)(),c=(0,r.useRef)(),u=(0,O.Z)({ref:c}).enableViewCount;return(0,r.useEffect)((function(){u&&k.U3.ga.promotionPopupView({title:(null===t||void 0===t?void 0:t.imgAlt)||"(\uc5c6\uc74c)"})}),[u]),(0,E.jsxs)("div",{ref:c,className:i.root,children:[(0,E.jsx)("div",{className:i.contents,children:(0,E.jsx)(R.Z,{href:t.href,as:t.as,children:(0,E.jsx)("a",{onClick:function(){k.U3.ga.promotionPopup({title:(null===t||void 0===t?void 0:t.imgAlt)||"(\uc5c6\uc74c)",url:(null===d||void 0===d?void 0:d.asPath)||"(\uc5c6\uc74c)"})},children:(0,E.jsx)(M,{src:t.imgSrc,alt:t.imgAlt})})})}),(0,E.jsx)("div",{children:(0,E.jsxs)("div",{className:i.closeArea,children:[(0,E.jsx)("div",{children:(0,E.jsx)(y.v,{classes:{label:i.label},label:"\uc77c\uc8fc\uc77c\ub3d9\uc548 \ubcf4\uc9c0\uc54a\uae30",checked:a,onChange:function(){return s(!a)}})}),(0,E.jsx)("div",{className:i.closebuttonWrap,children:(0,E.jsx)(P.Z,{disableRipple:!0,className:i.closebutton,onClick:function(){n({removeOffForThisPeriod:!a})},children:"\ub2eb\uae30"})})]})})]})};F.defaultProps={onChangeChecked:function(){}};var W=F,U=(0,j.Z)((function(e){return{content:{backgroundColor:e.palette.common.white,borderRadius:24,overflow:"hidden"},bottom:{display:"flex",justifyContent:"space-between",color:e.palette.common.white,padding:"0 2px 0 12px",fontSize:"1.8rem"},label:{fontWeight:e.typography.fontWeightRegular,fontSize:"1.8rem",lineHeight:1,position:"relative",top:1},closebutton:{minWidth:0,padding:10,color:e.palette.common.white,fontWeight:e.typography.fontWeightRegular,fontSize:"1.8rem"}}})),_=(0,j.Z)({img:{width:"100%",height:"auto"}}),H=(0,j.Z)({root:{width:800,height:541,position:"relative",overflow:"hidden","&:before":{content:'""',display:"block",paddingBottom:"100%"}},skeleton:{width:"100%",height:"100%",position:"absolute",left:0,top:0}}),L=function(){var e=H();return(0,E.jsx)("div",{className:(0,I.default)(e.root),children:(0,E.jsx)(B.Z,{variant:"rect",className:(0,I.default)(e.skeleton)})})},V=function(e){var t=e.src,n=e.alt,o=_();return t?(0,E.jsx)(N.Z,{src:t,alt:n,className:o.img}):(0,E.jsx)(L,{})};V.defaultProps={src:null,alt:""};var z=V,G=function(e){var t=e.data,n=e.onClose,o=e.onChangeChecked,i=U(),l=(0,r.useState)(!1),a=l[0],s=l[1];(0,r.useEffect)((function(){o(a)}),[a]);var d=(0,C.useRouter)(),c=(0,r.useRef)(),u=(0,O.Z)({ref:c}).enableViewCount;return(0,r.useEffect)((function(){u&&k.U3.ga.promotionPopupView({title:(null===t||void 0===t?void 0:t.imgAlt)||"(\uc5c6\uc74c)"})}),[u]),(0,E.jsxs)("div",{ref:c,children:[(0,E.jsx)("div",{className:i.content,children:(0,E.jsx)(R.Z,{href:t.href,as:t.as,children:(0,E.jsx)("a",{onClick:function(){k.U3.ga.promotionPopup({title:(null===t||void 0===t?void 0:t.imgAlt)||"(\uc5c6\uc74c)",url:(null===d||void 0===d?void 0:d.asPath)||"(\uc5c6\uc74c)"})},children:(0,E.jsx)(z,{src:t.imgPcSrc,alt:t.imgAlt})})})}),(0,E.jsxs)("div",{className:i.bottom,children:[(0,E.jsx)(y.v,{classes:{label:i.label},label:"\uc77c\uc8fc\uc77c\ub3d9\uc548 \ubcf4\uc9c0\uc54a\uae30",checked:a,onChange:function(){return s(!a)}}),(0,E.jsx)(P.Z,{disableRipple:!0,className:i.closebutton,onClick:function(){n({removeOffForThisPeriod:!a})},children:"\ub2eb\uae30"})]})]})};G.defaultProps={onChangeChecked:function(){}};var q=G,K=function(e){var t=e.data,n=e.onClose,o=Z(),i=(0,r.useState)(!1),l=i[0],a=i[1],s=(0,r.useState)(!1),d=s[0],c=s[1];(0,r.useEffect)((function(){var e=setTimeout((function(){a(!0)}),1e3);return function(){clearTimeout(e)}}),[]);var u=(0,r.useState)(!1),f=u[0],p=u[1];(0,r.useEffect)((function(){l&&c(!0)}),[l]);var v=function(){return n({removeOffForThisPeriod:!f})};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(x.Z,{lgUp:!0,children:(0,E.jsx)(b.Z,{classes:{drawer:o.drawer,swipeableRoot:o.swipeableRoot},open:d,onClose:v,disablePortal:!0,keepMounted:!0,children:(0,E.jsx)(W,{data:t,onClose:v,onChangeChecked:function(e){return p(e)}})})}),(0,E.jsx)(x.Z,{mdDown:!0,children:(0,E.jsx)(w.Z,{open:d,onClose:v,classes:{paper:o.popupPaper,modalContents:o.modalContents,modalClose:o.modalClose},children:(0,E.jsx)(q,{data:t,onClose:v,onChangeChecked:function(e){return p(e)}})})})]})};function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Q=function(){var e=(0,r.useState)(!1),t=e[0],n=e[1],o=(0,p.aF)(),l=o.user,x=o.pendingUser,b=(0,h.Z)(),w=(0,d.KO)(c.b),j=(0,i.Z)(w,2),Z=j[0],C=j[1],P="close"===(null===Z||void 0===Z?void 0:Z.appUpdate)&&"close"===(null===Z||void 0===Z?void 0:Z.appInstall),k=(0,r.useState)(null),O=k[0],y=k[1],R=(0,g.kyj)(),S=(0,i.Z)(R,2),N=S[0],A=S[1];(0,s.Z)((function(){A({query:{type:g.OLE.BOTTOM_MAIN}})})),(0,r.useEffect)((function(){var e;if(null!==N&&void 0!==N&&null!==(e=N.data)&&void 0!==e&&e.length){var t,n,o=N.data[0];if(b){var i=(null===o||void 0===o?void 0:o.mobileReferenceType)||(null===o||void 0===o?void 0:o.mobileWebRefType),r=(null===o||void 0===o?void 0:o.mobileReference)||(null===o||void 0===o?void 0:o.mobileWebRef);t=i===f.uH?"/product/[productId]":"/planned/[plannedId]",n=i===f.uH?"/product/".concat(r):"/planned/".concat(r)}else{var l=(null===o||void 0===o?void 0:o.pcReferenceType)||(null===o||void 0===o?void 0:o.pcRefType),a=(null===o||void 0===o?void 0:o.pcReference)||(null===o||void 0===o?void 0:o.pcRef);t=l===f.uH?"/product/[productId]":"/planned/[plannedId]",n=l===f.uH?"/product/".concat(a):"/planned/".concat(a)}y({href:t,as:n,imgSrc:(null===o||void 0===o?void 0:o.mobileWebImageUrl)||"",imgPcSrc:(null===o||void 0===o?void 0:o.pcImageUrl)||"",imgAlt:(null===o||void 0===o?void 0:o.name)||"",startAt:"2023-02-18T08:00:00",endAt:"2099-06-20T23:59:59"})}else y(null)}),[null===N||void 0===N?void 0:N.data,b]);var B=(0,r.useMemo)((function(){if(l){var e=l.joinedAt,t=l.totalOrderCnt,n=a()((0,u.Z)(new Date)).format("YYYY.MM.DD"),o=a()((0,u.Z)(e)).clone().subtract(1,"days").format("YYYY.MM.DD"),i=a()((0,u.Z)(e)).clone().add(4,"days").format("YYYY.MM.DD");if(a()(n).isBetween(o,i)&&0===t)return!0}return!1}),[l]),I=(0,r.useMemo)((function(){return x||l||!O?!x&&l&&O&&B?O:null:O}),[O,x,l,B]);(0,r.useEffect)((function(){if(P)if(!x&&null!==I&&void 0!==I&&I.startAt&&null!==I&&void 0!==I&&I.endAt){var e=!1,t=m.E_(),o=m.wf();if(t&&"OFF"===t.activeState&&(e=!0),o&&"NONE"!==o.expires){var i=a()((0,u.Z)()),r=a()((0,u.Z)(o.expires));i.isAfter(r)?(e=!1,m.VL(),m.EY()):e=!0}(0,v.Z)(I.startAt,I.endAt)&&!e?(n(!0),C(J(J({},Z),{},{promotion:"open"}))):(n(!1),C(J(J({},Z),{},{promotion:"close"})))}else x||I||C(J(J({},Z),{},{promotion:"close"}))}),[x,I,P]);return(0,E.jsx)(E.Fragment,{children:P&&t&&I&&(0,E.jsx)(K,{data:I,onClose:function(e){!function(e){var t=e.removeOffForThisPeriod;if(void 0!==t&&t)m._4({expires:"NONE"});else{var o=a()((0,u.Z)()).clone().add(7,"days").format("YYYY-MM-DDTHH:mm:ss");m._4({expires:o})}n(!1),m.bg({activeState:"OFF"})}({removeOffForThisPeriod:e.removeOffForThisPeriod}),C(J(J({},Z),{},{promotion:"close"}))}})})}},83098:function(e,t,n){var o=n(95952);t.Z=function(e){return function(t){o.U3.ga.productInSwiper({title:e,order:t})}}},50557:function(e,t,n){n.d(t,{G:function(){return i},W:function(){return r}});var o=function(e){var t,n;return!!e&&((null===e||void 0===e||null===(t=e.sharedProductDetail)||void 0===t?void 0:t.isSharedGoods)||(null===e||void 0===e||null===(n=e.sharedProductDetail)||void 0===n?void 0:n.isSampleFeed))},i=function(e){var t,n,i=null!==(t=e.totalReviewCount)&&void 0!==t?t:e.totalProductReviewCount;return(o(e)?null===e||void 0===e||null===(n=e.sharedProductDetail)||void 0===n?void 0:n.totalReviewCount:null)||i},r=function(e){var t,n,i=null!==(t=e.averageReviewRating)&&void 0!==t?t:e.averageProductReviewRating;return(o(e)?null===e||void 0===e||null===(n=e.sharedProductDetail)||void 0===n?void 0:n.averageReviewRating:null)||i}}}]);